$(function(){
    //加载layer模块
    let layer = layui.layer;
    // -------------------------退出--------------------
    $('#logout').click(function(){
        //询问是否确定退出
        layer.confirm('确定退出?', {icon: 3, title:'提示'}, function(index){
            //清除token，跳转登录页面
            localStorage.removeItem('token');
            location.href = '/login.html';
            //关闭窗口
            layer.close(index);
          });
    });

    //-------------------------获取用户信息-------------------------
    getUserInfo();


});

//定义全局函数,获取用户信息,token放在请求头
function getUserInfo(){
    $.ajax({
        url:'/my/userinfo',
        success:function(res){
            console.log(res);
            if(res.status === 0){
                //身份认证成功，渲染用户名和头像
                //优先使用nickname，没有的话使用username
                let name = res.data.nickname || res.data.username;
                $('.welcome').html('欢迎&nbsp;&nbsp;' + name);
                if(res.data.user_pic){
                    //有头像用头像
                    $('.layui-nav-img').attr('src',res.data.user_pic);
                    //让图片显示，文字隐藏
                    $('.layui-nav-img').show();
                    $('.text-avatar').hide();
                }else{
                    //没有头像就用字母
                    let w = name.substr(0,1).toUpperCase();
                    console.log(w);
                    
                    //设置文字头像不要使用show()，因为show方法会让盒子idsplay：block，要使用css变成inline-block
                    $('.text-avatar').text(w).css('display','inline-block');
                    $('.layui-nav-img').hide();
                }
            }            
        }
    });
}